﻿@{
    ViewBag.Title = "Index";
}

<div id="slider">
    <!-- #slider -->
    <div class="slider-inner">
        <ul>
            <!-- Slide start -->
            <li data-transition="fade" data-slotamount="7" data-masterspeed="1500" data-saveperformance="on">
                <!-- MAIN IMAGE -->
                <img src="img/slider/slidebg.jpg" alt="slidebg" data-bgfit="cover" data-bgposition="left top" data-bgrepeat="no-repeat">
                <!-- LAYER NR. 1 -->
                <div class="tp-caption lft customout rs-parallaxlevel-0" data-x="700" data-y="0" data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;" data-speed="700"
                     data-start="1550" data-easing="Power3.easeInOut" data-elementdelay="0.1" data-endelementdelay="0.1" style="z-index: 2;">
                    <img src="img/slider/dummy.png" alt="" data-lazyload="img/slider/dasha.png">
                </div>
                <!-- LAYER NR. 4 -->
                <div class="tp-caption grey_heavy_72 skewfromrightshort tp-resizeme rs-parallaxlevel-0" data-x="227" data-y="104" data-speed="500" data-start="2250" data-easing="Power3.easeInOut" data-splitin="chars" data-splitout="none" data-elementdelay="0.1" data-endelementdelay="0.1"
                     style="z-index: 5; max-width: auto; max-height: auto; white-space: nowrap;">
                    Better!
                </div>
                <!-- LAYER NR. 5 -->
                <div class="tp-caption customin rs-parallaxlevel-0" data-x="116" data-y="134" data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;" data-speed="500"
                     data-start="2000" data-easing="Power3.easeInOut" data-elementdelay="0.1" data-endelementdelay="0.1" style="z-index: 6;">
                    <img src="img/slider/dummy.png" alt="" data-lazyload="img/slider/redbg.png">
                </div>
                <!-- LAYER NR. 6 -->
                <div class="tp-caption black_heavy_60 skewfromleftshort tp-resizeme rs-parallaxlevel-0" data-x="28" data-y="83" data-speed="500" data-start="1850" data-easing="Power3.easeInOut" data-splitin="chars" data-splitout="none" data-elementdelay="0.1" data-endelementdelay="0.1"
                     style="z-index: 7; max-width: auto; max-height: auto; white-space: nowrap;">
                    Now
                </div>
                <!-- LAYER NR. 7 -->
                <div class="tp-caption white_heavy_40 customin tp-resizeme rs-parallaxlevel-0" data-x="128" data-y="137" data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
                     data-speed="500" data-start="2050" data-easing="Power3.easeInOut" data-splitin="none" data-splitout="none" data-elementdelay="0.1" data-endelementdelay="0.1" style="z-index: 8; max-width: auto; max-height: auto; white-space: nowrap;">
                    Even
                </div>
                <!-- LAYER NR. 8 -->
                <div class="tp-caption grey_regular_18 customin tp-resizeme rs-parallaxlevel-0" data-x="34" data-y="268" data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
                     data-speed="500" data-start="2600" data-easing="Power3.easeInOut" data-splitin="none" data-splitout="none" data-elementdelay="0.05" data-endelementdelay="0.1" style="z-index: 9; max-width: auto; max-height: auto; white-space: nowrap;">
                    <div style="text-align:center;">
                        Dynamic Admin Template got new features
                        <br />New Frontend for your clients, businesses and customers
                        <br />
                    </div>
                </div>
                <!-- LAYER NR. 9 -->
                <div class="tp-caption black_thin_34 customin tp-resizeme rs-parallaxlevel-0" data-x="183" data-y="188" data-customin="x:0;y:0;z:0;rotationX:90;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:200;transformOrigin:50% 0%;"
                     data-speed="500" data-start="2350" data-easing="Back.easeOut" data-splitin="none" data-splitout="none" data-elementdelay="0.1" data-endelementdelay="0.1" style="z-index: 10; max-width: auto; max-height: auto; white-space: nowrap;">
                    In every Way!
                </div>
                <!-- LAYER NR. 10 -->
                <div class="tp-caption customin rs-parallaxlevel-0" data-x="6" data-y="240" data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;" data-speed="300"
                     data-start="2500" data-easing="Power3.easeInOut" data-elementdelay="0.1" data-endelementdelay="0.1" style="z-index: 11;">
                    <img src="img/slider/dummy.png" alt="" data-lazyload="img/slider/greyline.png">
                </div>
                <!-- LAYER NR. 11 -->
                <div class="tp-caption customin tp-resizeme rs-parallaxlevel-0" data-x="73" data-y="352" data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;" data-speed="500"
                     data-start="2900" data-easing="Power3.easeInOut" data-splitin="none" data-splitout="none" data-elementdelay="0.1" data-endelementdelay="0.1" data-linktoslide="next" style="z-index: 12; max-width: auto; max-height: auto; white-space: nowrap;">
                    <a href='http://www.suggeelson.com/portfolio-item/dynamic-responsive-admin-template/' target="_blank" class='largeredbtn'>PURCHASE NOW</a>
                </div>
                <!-- LAYER NR. 12 -->
                <div class="tp-caption arrowicon customin rs-parallaxlevel-0" data-x="263" data-y="376" data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;" data-speed="300"
                     data-start="3200" data-easing="Power3.easeInOut" data-elementdelay="0.1" data-endelementdelay="0.1" data-linktoslide="next" style="z-index: 13;">
                    <div class=" rs-slideloop" data-easing="Power3.easeInOut" data-speed="0.5" data-xs="-5" data-xe="5" data-ys="0" data-ye="0">
                        <img src="img/slider/dummy.png" alt="" data-ww="18" data-hh="11" data-lazyload="img/slider/doublearrow2.png">
                    </div>
                </div>
            </li>
            <!-- Slide start -->
            <li data-transition="slideleft" data-slotamount="7" data-masterspeed="1500" data-saveperformance="on">
                <!-- MAIN IMAGE -->
                <img src="img/slider/slidebg1.jpg" alt="slidebg" data-bgfit="cover" data-bgposition="left top" data-bgrepeat="no-repeat">
                <!-- LAYER NR. 1 -->
                <div class="tp-caption lft customout rs-parallaxlevel-0" data-x="650" data-y="150" data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;" data-speed="700"
                     data-start="1550" data-easing="Power3.easeInOut" data-elementdelay="0.1" data-endelementdelay="0.1" style="z-index: 2;">
                    <img src="img/slider/dummy.png" alt="" data-lazyload="img/slider/macbook_air.png">
                </div>
                <!-- LAYER NR. 2 -->
                <div class="tp-caption sfb customout rs-parallaxlevel-0" data-x="430" data-y="195" data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;" data-speed="700"
                     data-start="1400" data-easing="Power3.easeInOut" data-elementdelay="0.1" data-endelementdelay="0.1" style="z-index: 3;">
                    <img src="img/slider/dummy.png" alt="" data-lazyload="img/slider/ipad.png">
                </div>
                <!-- LAYER NR. 3 -->
                <div class="tp-caption lfl customout rs-parallaxlevel-0" data-x="100" data-y="230" data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;" data-speed="700"
                     data-start="1400" data-easing="Power3.easeInOut" data-elementdelay="0.1" data-endelementdelay="0.1" style="z-index: 3;">
                    <img src="img/slider/dummy.png" alt="" data-lazyload="img/slider/iphone.png">
                </div>
                <!-- LAYER NR. 4 -->
                <div class="tp-caption black_heavy_60 skewfromleftshort tp-resizeme rs-parallaxlevel-0" data-x="100" data-y="75" data-speed="500" data-start="1850" data-easing="Power3.easeInOut" data-splitin="chars" data-splitout="none" data-elementdelay="0.1" data-endelementdelay="0.1"
                     style="z-index: 7; max-width: auto; max-height: auto; white-space: nowrap;">
                    Looks great in every device
                </div>
            </li>
        </ul>
    </div>
</div>
<!-- / #slider -->
<div id="content">
    <!-- #content -->
    <!-- SECTION START -->
    <section class="services-preview white-bg">
        <div class="container">
            <div class="row service-panel">
                <!-- .row start -->
                <div class="col-md-4">
                    <!-- col-md-4 start here -->
                    <div class="service-panel-heading">
                        <i class="fa fa-compress color-red"></i>
                        <h4>Responsive Design</h4>
                    </div>
                    <div class="service-panel-content">
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem quaerat animi illo minus quod culpa deleniti porro magnam. Possimus earum, porro assumenda minima consequatur!</p>
                    </div>
                </div>
                <!-- col-md-4 end here -->
                <div class="col-md-4">
                    <!-- col-md-4 start here -->
                    <div class="service-panel-heading">
                        <i class="fa fa-rocket color-blue"></i>
                        <h4>Ultra Fast</h4>
                    </div>
                    <div class="service-panel-content">
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem quaerat animi illo minus quod culpa deleniti porro magnam. Possimus earum, porro assumenda minima consequatur!</p>
                    </div>
                </div>
                <!-- col-md-4 end here -->
                <div class="col-md-4">
                    <!-- col-md-4 start here -->
                    <div class="service-panel-heading">
                        <i class="fa fa-cogs color-green"></i>
                        <h4>Multiple Options</h4>
                    </div>
                    <div class="service-panel-content">
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem quaerat animi illo minus quod culpa deleniti porro magnam. Possimus earum, porro assumenda minima consequatur!</p>
                    </div>
                </div>
                <!-- col-md-4 end here -->
            </div>
            <!-- / .row -->
            <div class="row mb25">
                <!-- .row start -->
                <div class="col-md-12">
                    <!-- col-md-12 start here -->
                    <div class="callout dark-light-bg mb20">
                        <p><strong class="mr10">Purchase</strong> Dynamic - Responsive Admin Template + FrontEnd only for 20$</p>
                        <a href="http://www.suggeelson.com/portfolio-item/dynamic-responsive-admin-template/" target="_blank" class="btn btn-danger pull-right"> Get it now</a>
                    </div>
                </div>
                <!-- col-md-12 end here -->
            </div>
            <!-- / .row -->
        </div>
    </section>
    <!-- / SECTION END -->
    <!-- SECTION START -->
    <section class="projects-preview gray-lighter-bg ovh mb10 pt10 pb20">
        <div class="container">
            <div class="row">
                <!-- .row start -->
                <div class="heading mt20 mb30 text-center">
                    <h3>Our latest projects</h3>
                </div>
            </div>
            <!-- / .row -->
        </div>
        <div class="projects relative ovh">
            <div class="col-md-4 img-holder">
                <!-- col-md-4 start here -->
                <div class="bg-img-holder">
                    <img src="img/projects/project1.jpg" alt="project1">
                </div>
                <div class="img-hover text-center">
                    <a href="portfolio-item.html">
                        <div class="img-hover-content">
                            <h5>Project Description</h5>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
                            <i class="fa fa-long-arrow-right"></i>
                        </div>
                    </a>
                </div>
            </div>
            <!-- col-md-4 end here -->
            <div class="col-md-4 img-holder">
                <!-- col-md-4 start here -->
                <div class="bg-img-holder">
                    <img src="img/projects/project2.jpg" alt="project2">
                </div>
                <div class="img-hover text-center">
                    <a href="portfolio-item.html">
                        <div class="img-hover-content">
                            <h5>Project Description</h5>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
                            <i class="fa fa-long-arrow-right"></i>
                        </div>
                    </a>
                </div>
            </div>
            <!-- col-md-4 end here -->
            <div class="col-md-4 img-holder">
                <!-- col-md-4 start here -->
                <div class="bg-img-holder">
                    <img src="img/projects/project3.jpg" alt="project3">
                </div>
                <div class="img-hover text-center">
                    <a href="portfolio-item.html">
                        <div class="img-hover-content">
                            <h5>Project Description</h5>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
                            <i class="fa fa-long-arrow-right"></i>
                        </div>
                    </a>
                </div>
            </div>
            <!-- col-md-4 end here -->
        </div>
    </section>
    <!-- / SECTION END -->
    <!-- SECTION START -->
    <section class="blog-preview mb10 pt10 pb20">
        <div class="container">
            <div class="row">
                <!-- .row start -->
                <div class="heading mt20 mb30 text-center">
                    <h3>From our blog</h3>
                </div>
            </div>
            <!-- / .row -->
            <div class="row">
                <!-- .row start -->
                <div class="col-md-3 blog-post-short">
                    <!-- col-md-3 start here -->
                    <div class="img-holder">
                        <a href="blog-item.html">
                            <div class="bg-img-holder">
                                <img src="img/blog/blog.jpg" alt="blog post">
                            </div>
                        </a>
                    </div>
                    <div class="blog-title">
                        <h3>
                            <a href="blog-item.html">Creativity standards rise once again</a>
                        </h3>
                    </div>
                    <div class="blog-meta">
                        <span class="date">
                            <i class="fa fa-calendar s16"></i>
                            3th Fev 2015
                        </span>
                        <span class="seperator">/</span>
                        <span class="comments">
                            <a href="blog-item.html#comments">
                                <i class="fa fa-comments"></i> 17
                            </a>
                        </span>
                    </div>
                    <div class="blog-content">
                        <p>
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus libero expedita fuga maiores esse eveniet earum, quia assumenda vitae excepturi veniam exercitationem voluptas sint explicabo, quis quaerat beatae repellat tempora ...
                        </p>
                    </div>
                </div>
                <!-- col-md-3 end here -->
                <div class="col-md-3 blog-post-short">
                    <!-- col-md-3 start here -->
                    <div class="img-holder">
                        <a href="blog-item.html">
                            <div class="bg-img-holder">
                                <img src="img/blog/blog1.jpg" alt="blog post 1">
                            </div>
                        </a>
                    </div>
                    <div class="blog-title">
                        <h3>
                            <a href="blog-item.html">Find the perfect spot when parking your car</a>
                        </h3>
                    </div>
                    <div class="blog-meta">
                        <span class="date">
                            <i class="fa fa-calendar s16"></i>
                            1th Feb 2015
                        </span>
                        <span class="seperator">/</span>
                        <span class="comments">
                            <a href="blog-item.html#comments">
                                <i class="fa fa-comments"></i> 10
                            </a>
                        </span>
                    </div>
                    <div class="blog-content">
                        <p>
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde optio, vel atque rerum nobis quasi nisi repellendus modi beatae architecto quaerat, cum excepturi. Vitae quis eaque, repellendus corporis, quas ratione ...
                        </p>
                    </div>
                </div>
                <!-- col-md-3 end here -->
                <div class="col-md-3 blog-post-short">
                    <!-- col-md-3 start here -->
                    <div class="img-holder">
                        <a href="blog-item.html">
                            <div class="bg-img-holder">
                                <img src="img/blog/blog2.jpg" alt="blog post 2">
                            </div>
                        </a>
                    </div>
                    <div class="blog-title">
                        <h3>
                            <a href="blog-item.html">What we need to know when do laundry in public spots</a>
                        </h3>
                    </div>
                    <div class="blog-meta">
                        <span class="date">
                            <i class="fa fa-calendar s16"></i>
                            31th Jan 2015
                        </span>
                        <span class="seperator">/</span>
                        <span class="comments">
                            <a href="blog-item.html#comments">
                                <i class="fa fa-comments"></i> 28
                            </a>
                        </span>
                    </div>
                    <div class="blog-content">
                        <p>
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates corporis dolorem officia enim amet ipsa quasi animi deleniti maiores, totam qui aut id sint soluta nulla voluptate tenetur laborum consectetur ...
                        </p>
                    </div>
                </div>
                <!-- col-md-3 end here -->
                <div class="col-md-3 blog-post-short">
                    <!-- col-md-3 start here -->
                    <div class="img-holder">
                        <a href="blog-item.html">
                            <div class="bg-img-holder">
                                <img src="img/blog/blog3.jpg" alt="blog post 3">
                            </div>
                        </a>
                    </div>
                    <div class="blog-title">
                        <h3>
                            <a href="blog-item.html">How to make your garden looks like paradise</a>
                        </h3>
                    </div>
                    <div class="blog-meta">
                        <span class="date">
                            <i class="fa fa-calendar s16"></i>
                            20th Jan 2015
                        </span>
                        <span class="seperator">/</span>
                        <span class="comments">
                            <a href="blog-item.html#comments">
                                <i class="fa fa-comments"></i> 5
                            </a>
                        </span>
                    </div>
                    <div class="blog-content">
                        <p>
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi dolores aperiam ipsum, atque quibusdam, ratione qui eaque quis quidem voluptatum adipisci cupiditate voluptates placeat ea. Illo sequi fugiat fuga eos ...
                        </p>
                    </div>
                </div>
                <!-- col-md-3 end here -->
            </div>
            <!-- / .row -->
        </div>
    </section>
    <!-- / SECTION END -->
    <!-- SECTION START -->
    <section class="testimonials-preview gray-lighter-bg mb10 pt10">
        <div class="container">
            <div class="row testimonials text-center">
                <!-- .row start -->
                <div class="col-md-6 col-md-offset-3">
                    <!-- col-md-6 start here -->
                    <div class="heading mt20 mb30 text-center">
                        <h3>Developers love us</h3>
                    </div>
                    <div id="testimonials-carousel" class="owl-carousel mb20">
                        <div class="item">
                            <div class="user-avatar">
                                <img class="lazyOwl" data-src="img/users/1.jpg" alt="Tracy">
                            </div>
                            <div class="user-quote">
                                <p>
                                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magni explicabo accusamus qui quasi officia totam exercitationem tempore perferendis necessitatibus inventore soluta, delectus ipsum possimus fuga nesciunt
                                    quo iusto reprehenderit rerum.
                                </p>
                            </div>
                            <div class="user-name">
                                <h4>Tracy Williams</h4>
                                <span>CEO of United Colors</span>
                            </div>
                        </div>
                        <div class="item">
                            <div class="user-avatar">
                                <img class="lazyOwl" data-src="img/users/2.jpg" alt="Kristin">
                            </div>
                            <div class="user-quote">
                                <p>
                                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magni explicabo accusamus qui quasi officia totam exercitationem tempore perferendis necessitatibus inventore soluta, delectus ipsum possimus fuga nesciunt
                                    quo iusto reprehenderit rerum.
                                </p>
                            </div>
                            <div class="user-name">
                                <h4>Kristin Obrien</h4>
                                <span>SEO specialist</span>
                            </div>
                        </div>
                        <div class="item">
                            <div class="user-avatar">
                                <img class="lazyOwl" data-src="img/users/3.jpg" alt="Vincent">
                            </div>
                            <div class="user-quote">
                                <p>
                                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magni explicabo accusamus qui quasi officia totam exercitationem tempore perferendis necessitatibus inventore soluta, delectus ipsum possimus fuga nesciunt
                                    quo iusto reprehenderit rerum.
                                </p>
                            </div>
                            <div class="user-name">
                                <h4>Vincent Riley</h4>
                                <span>PHP developer</span>
                            </div>
                        </div>
                        <div class="item">
                            <div class="user-avatar">
                                <img class="lazyOwl" data-src="img/users/4.jpg" alt="Gorgon">
                            </div>
                            <div class="user-quote">
                                <p>
                                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magni explicabo accusamus qui quasi officia totam exercitationem tempore perferendis necessitatibus inventore soluta, delectus ipsum possimus fuga nesciunt
                                    quo iusto reprehenderit rerum.
                                </p>
                            </div>
                            <div class="user-name">
                                <h4>Gordon Black</h4>
                                <span>MongoDb developer</span>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- col-md-6 end here -->
            </div>
            <!-- / .row -->
        </div>
    </section>
    <!-- / SECTION END -->
    <!-- SECTION START -->
    <section class="customers-preview white-bg mb10">
        <div class="container">
            <div class="row text-center">
                <div class="col-md-12">
                    <!-- col-md-12 start here -->
                    <div class="heading mt20 mb30 text-center">
                        <h3>Customer who use our products</h3>
                    </div>
                    <div id="customers-carousel" class="owl-carousel mb20">
                        <div class="item">
                            <a href="#">
                                <img class="lazyOwl" data-src="img/clients/commt.jpg" alt="clients">
                            </a>
                        </div>
                        <div class="item">
                            <a href="#">
                                <img class="lazyOwl" data-src="img/clients/dizcow.jpg" alt="clients">
                            </a>
                        </div>
                        <div class="item">
                            <a href="#">
                                <img class="lazyOwl" data-src="img/clients/green.jpg" alt="clients">
                            </a>
                        </div>
                        <div class="item">
                            <a href="#">
                                <img class="lazyOwl" data-src="img/clients/monkeyrule.jpg" alt="clients">
                            </a>
                        </div>
                        <div class="item">
                            <a href="#">
                                <img class="lazyOwl" data-src="img/clients/pinguinshow.jpg" alt="clients">
                            </a>
                        </div>
                        <div class="item">
                            <a href="#">
                                <img class="lazyOwl" data-src="img/clients/wellpanda.jpg" alt="clients">
                            </a>
                        </div>
                    </div>
                </div>
                <!-- col-md-12 end here -->
            </div>
        </div>
    </section>
    <!-- / SECTION END -->
</div>
<!-- / #content -->
@section JavascriptSection{
    <!-- Other plugins ( load only nessesary plugins for every page) -->
    <script src="~/plugins/misc/slider-revolution/jquery.themepunch.tools.min.js"></script>
    <script src="~/plugins/misc/slider-revolution/jquery.themepunch.revolution.min.js"></script>
    <script src="~/plugins/ui/carousel/owl.carousel.min.js"></script>
    <script src="~/js/pages/home.js"></script>
}
